﻿@{
    ViewBag.Title = "欢迎访问！";
}

@section header {
<script type="text/javascript" src="/Scripts/pbc-template/tabs.js"></script>
}

@section nav{
<li id="nav1"><a href="/Home/Index">首页<span>Index</span></a></li>
<li id="nav2"><a href="/Home/News">校园资讯<span>News</span></a></li>
<li id="nav3"><a href="/Home/Course">课程交流<span>Course</span></a></li>
<li id="nav4"><a href="/Home/Activity">学生活动<span>Activity</span></a></li>
<li id="nav5"><a href="/Home/Jobs">实习就业<span>Join us</span></a></li>
}

@section header_bottom{
    
}

@section footer_script{
    <script>
        $(document).ready(function () {
            tabs.init();
        })
    </script>
}


<article id="content">
	<div class="wrapper">
		<section class="col1">
			<h2 class="under">联系我们</h2>
			<form id="ContactForm" method="post">
			<div>
				<div  class="wrapper">
					<span>您的姓名:</span>
					<input type="text" class="input" >
				</div>
				<div  class="wrapper">
					<span>您的学号：</span>
					<input type="text" class="input" >
				</div>
				<div  class="wrapper">
					<span>您的邮箱:</span>
					<input type="text" class="input" >
				</div>
				<div  class="textarea_box">
					<span>您的消息:</span>
					<textarea name="textarea" cols="1" rows="1"></textarea>
				</div>
				<a href="#" onClick="document.getElementById('ContactForm').submit()">发送</a>
				<a href="#" onClick="document.getElementById('ContactForm').reset()">清除</a>
			</div>
		</form>
		</section>
		<section class="col2 pad_left1">
			<h2 class="under">联系方式</h2>
			<div id="address"><span>Country:<br>
					City:<br>
					Telephone:<br>
					Email:</span>
					USA<br>
					San Diego<br>
					+354 5635600<br>
					<a href="mailto:" class="color2">elenwhite@mail.com</a></div>
			<h2 class="under">Miscellaneous</h2>
			<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupta- tum deleniti atque corrupti quos dolores et quas molestias excep- turi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
		</section>
	</div>

</article>